/*************************************
*    create by xiaofeng.yao
*    email 871213171@qq.com
*    time 2018.08.30
*    component qs-card
*    path /Users/apple/qishon/qishon-web-3.0/official-website/src/less/componnet/qs-card.less
*************************************/
.qs-card{

    @card-borderColor:#ebeef3;

    display:inline-block;
    position: relative;
    box-sizing: border-box;
    border:1px solid @card-borderColor;
    
    &:hover{
        cursor: pointer;
        box-shadow: 0 0 4px 2px #eee;
    }

    a{
        text-decoration:none;

        .qs-card__headerImg{
            width:100%;
            height:16.7rem;
            overflow:hidden;
            img{
                width:100%;
            }
        }
        .qs-card__contentTxt{
            width:100%;
    
            .qs-card__contentTxt__panel{
                padding:1.2rem 1.4rem;
                h4{
                    margin:0.6rem 0;
                    font-size:1.25rem;
                    color:#333;
                    font-weight: bold;
                    height: 30px;
                }
                h3{
                    margin:0;
                    font-size:1.17rem;
                    color:#000;
                }
                h2{
                    font-size:1.67rem;
                    color:#000;
                    margin:1.66667rem 0 1.2rem;
                }
                p{
                    font-size:1.083rem;
                    color:#999;
                    font-weight:100;
                    margin:0;
                }
                .qs-card__contentTxt__panel__txt{
                    height:4rem;
                }
                .qs-card__contentTxt__panel__a{
                    margin:0;
                    padding:1rem 0 0;
                }
                .qs-card__contentTxt__panel__a--border{
                    border-top:1px solid @card-borderColor;
                }
            }
        }
    }
    

}